const EchartsLine = httpVueLoader('../components/EchartsLine.vue');
const EchartsLine2 = httpVueLoader('../components/EchartsLine2.vue');
const ChartsFour = httpVueLoader('../components/chartsFour.vue');
const ChartsFive = httpVueLoader('../components/chartsFive.vue');
var vue = new Vue({
    el: '#screenHd',
    components: {
        EchartsLine,
        EchartsLine2,
        ChartsFour,
        ChartsFive,
    },
    data() {
        return {
            zhtjList: [],
            list1: [
                {
                    label: '开票',
                    value: '1',
                },
                {
                    label: '开票2',
                    value: '2',
                },
            ],
            list2: [
                {
                    label: '设备共享',
                    value: '1',
                },
                {
                    label: '设备共享2',
                    value: '2',
                },
            ],
            list3: [
                {
                    label: '全部',
                    value: '1',
                },
                {
                    label: '全部2',
                    value: '2',
                },
            ],
            modelSb: '1',
            model1: '1',
            model2: '1',
            model3: '1',
            modelDwnd: '1',
            modelDwyd: '1',
            modelDwydSel: '1',
            modelDwndSel: '1',
            monthValue: moment().format('YYYY-MM'),
            yearValue: moment().format('YYYY'),
            yearValue2: moment().format('YYYY'),
            columns1: [
                {
                    title: '序号',
                    type: 'index',
                    width: 60,
                    align: 'center',
                },
                {
                    title: '部门中心',
                    key: 'bmzx',
                    align: 'center',
                },
                {
                    title: '合同计划',
                    key: 'htjh',
                    align: 'right',
                },
                {
                    title: '开票计划',
                    key: 'kpjh',
                    align: 'right',
                },
                {
                    title: '利润总额',
                    key: 'llze',
                    align: 'right',
                },
                {
                    title: '研发投入',
                    key: 'yftl',
                    align: 'right',
                },
                {
                    title: '回款计划',
                    key: 'hkjh',
                    align: 'right',
                },
            ],
            data1: [
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
                {
                    bmzx: '设备故障',
                    htjh: 4568,
                    kpjh: 312,
                    llze: 12354,
                    yftl: 1542,
                    hkjh: 165,
                },
            ],
            columns2: [
                {
                    title: '序号',
                    type: 'index',
                    width: 64,
                    align: 'center',
                },
                {
                    title: '部门中心',
                    key: 'bmzx',
                    width: 180,
                    align: 'center',
                },
                {
                    title: '责任部门',
                    key: 'zrbm',
                    width: 144,
                    align: 'center',
                },
                {
                    title: '责任人',
                    key: 'zrr',
                    width: 122,
                    align: 'center',
                },
                {
                    title: '工作内容',
                    key: 'gznl',
                    align: 'center',
                },
                {
                    title: '工作目标',
                    key: 'gzmb',
                    align: 'center',
                },
                {
                    title: '是否完成',
                    key: 'sfwc',
                    width: 200,
                    align: 'center',
                    slot: 'sfwc',
                },
            ],
            data2: [
                {
                    bmzx: '工程技术中心',
                    zrbm: '生产部',
                    zrr: '詹向孔',
                    gznl: '依据集团年度工作计划完成车间月度生成目标下达与分解',
                    gzmb: '组织生成资料和劳动工具，合理安排有序完成生产任务',
                    sfwc: '是',
                },
                {
                    bmzx: '工程技术中心',
                    zrbm: '生产部',
                    zrr: '詹向孔',
                    gznl: '依据集团年度工作计划完成车间月度生成目标下达与分解',
                    gzmb: '组织生成资料和劳动工具，合理安排有序完成生产任务',
                    sfwc: '否',
                },
                {
                    bmzx: '工程技术中心',
                    zrbm: '生产部',
                    zrr: '詹向孔',
                    gznl: '依据集团年度工作计划完成车间月度生成目标下达与分解',
                    gzmb: '组织生成资料和劳动工具，合理安排有序完成生产任务',
                    sfwc: '是',
                },
                {
                    bmzx: '工程技术中心',
                    zrbm: '生产部',
                    zrr: '詹向孔',
                    gznl: '依据集团年度工作计划完成车间月度生成目标下达与分解',
                    gzmb: '组织生成资料和劳动工具，合理安排有序完成生产任务',
                    sfwc: '否',
                },
                {
                    bmzx: '工程技术中心',
                    zrbm: '生产部',
                    zrr: '詹向孔',
                    gznl: '依据集团年度工作计划完成车间月度生成目标下达与分解',
                    gzmb: '组织生成资料和劳动工具，合理安排有序完成生产任务',
                    sfwc: '是',
                },
                {
                    bmzx: '工程技术中心',
                    zrbm: '生产部',
                    zrr: '詹向孔',
                    gznl: '依据集团年度工作计划完成车间月度生成目标下达与分解',
                    gzmb: '组织生成资料和劳动工具，合理安排有序完成生产任务',
                    sfwc: '否',
                },
            ],
        };
    },
    created() {},
    mounted() {
        this.getzhtjList();
        window.addEventListener('resize', this.resize);
        this.monthValue = moment().format('YYYY-MM');
    },
    methods: {
        search() {},
        resize() {},
        getzhtjList() {
            this.zhtjList = [
                {
                    name: '技术开发部',
                    wcNum: '60',
                    wwcNum: '40',
                    total: '100',
                },
                {
                    name: '战新产业部',
                    wcNum: '45',
                    wwcNum: '45',
                    total: '90',
                },
                {
                    name: '工程技术中心',
                    wcNum: '30',
                    wwcNum: '50',
                    total: '80',
                },
                {
                    name: '市场营销中心',
                    wcNum: '56',
                    wwcNum: '14',
                    total: '70',
                },
            ];
            let numList = this.zhtjList.map((item) => Number(item.total));
            let max = Math.max(...numList);
            this.zhtjList.forEach((item) => {
                item.radio = (Number(item.total) / max) * 100 + '%';
                item.wcradio = (Number(item.wcNum) / Number(item.total)) * 100 + '%';
                item.wwcradio = (Number(item.wwcNum) / Number(item.total)) * 100 + '%';
            });
            console.log(this.zhtjList);
        },
        //公司各单位当月完成指标统计  选中触发
        changeSelect1(value) {
            console.log(value);
        },
        changeSelect2(value) {
            console.log(value);
        },
        changeSelectSb2(value) {
            console.log(value);
        },
        changeSelect3(value) {
            console.log(value);
        },
        changeDate1(value) {
            console.log(value);
        },
        changeDate2(value) {
            console.log(value);
        },
        changeDate3(value) {
            console.log(value);
        },
        changeSelectDwnd(value) {
            console.log(value);
        },
        changeSelectDwyd(value) {
            console.log(value);
        },
        changeSelectDwydSel(value) {
            console.log(value);
        },
        changeSelectDwndSel(value) {
            console.log(value);
        },
    },
    beforeDestroy() {},
});
